<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Steptoe Bute</title>
</head>
<style>
  a {
    text-decoration: none;
    font-weight: bold;
  }

  img {
    margin-right: 12px;
    margin-bottom: 6px;
    border: thin solid #000;
  }

  .maining {
    float: left;
  }

  #hide-e {
    display: none;
  }

  #elevation {
    display: none;
  }

  .fake-link {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    color: #e03a3e;
  }
</style>
<body>
  <header>
    <h1>Steptoe Butte</h1>
  </header>
  <section>
    <p>
      <img class="maining"
        src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3745318353,3513663955&fm=26&gp=0.jpg"
        alt="View from Stepote Butte" />Stepote Butte is a quartzite island jutting out of the silty loess of
      teh <a href="">Palouse </a> hills in Whitman County, Washington. The
      rock that forms the butte is over 400 million years old, in contrast
      with the 15-7 million year old
    </p>
  </section>
  <section>
    <div class="fake-link" id="show-e" onclick="
        this.style.display='none';
        document.getElementById('hide-e').style.display='block';
        document.getElementById('elevation').style.display='inline';
        ">
      &raquo; Show Elevation
    </div>
    <div class="fake-link" id="hide-e" onclick="
      this.style.display='none';
      document.getElementById('show-e').style.display='block';
      document.getElementById('elevation').style.display='none';
      ">
      &raquo; Hide Elevation
    </div>
    <div id="elevation">
      3,612 feet (1,101 m), approximately 1,000 feet (300 m) above the
      surrounding countryisde.
    </div>
  </section>
  <section>
    <div></div>
    <div></div>
  </section>
  <footer>
    <em><a href=""></a></em>
  </footer>
</body>
</html>
